;(function (root, factory) {
    if (typeof define === 'function' && define.amd) {
        // AMD. Register as an anonymous module.
        define(['exports', 'echarts'], factory)
    } else if (
        typeof exports === 'object' &&
        typeof exports.nodeName !== 'string'
    ) {
        // CommonJS
        factory(exports, require('echarts'))
    } else {
        // Browser globals
        factory({}, root.echarts)
    }
})(this, function (exports, echarts) {
    var log = function (msg) {
        if (typeof console !== 'undefined') {
            console && console.error && console.error(msg)
        }
    }
    if (!echarts) {
        log('ECharts is not Loaded')
        return
    }
    echarts.registerTheme('roma', {
        color: [
            '#e01f54',
            '#001852',
            '#f5e8c8',
            '#b8d2c7',
            '#c6b38e',
            '#a4d8c2',
            '#f3d999',
            '#d3758f',
            '#dcc392',
            '#2e4783',
            '#82b6e9',
            '#ff6347',
            '#a092f1',
            '#0a915d',
            '#eaf889',
            '#6699FF',
            '#ff6666',
            '#3cb371',
            '#d5b158',
            '#38b6b6',
        ],
        backgroundColor: 'rgba(0,0,0,0)',
        textStyle: {},
        title: {
            textStyle: {
                color: '#333333',
            },
            subtextStyle: {
                color: '#aaaaaa',
            },
        },
        line: {
            itemStyle: {
                borderWidth: 1,
            },
            lineStyle: {
                width: 2,
            },
            symbolSize: 4,
            symbol: 'emptyCircle',
            smooth: false,
        },
        radar: {
            itemStyle: {
                borderWidth: 1,
            },
            lineStyle: {
                width: 2,
            },
            symbolSize: 4,
            symbol: 'emptyCircle',
            smooth: false,
        },
        bar: {
            itemStyle: {
                barBorderWidth: 0,
                barBorderColor: '#ccc',
            },
        },
        pie: {
            itemStyle: {
                borderWidth: 0,
                borderColor: '#ccc',
            },
        },
        scatter: {
            itemStyle: {
                borderWidth: 0,
                borderColor: '#ccc',
            },
        },
        boxplot: {
            itemStyle: {
                borderWidth: 0,
                borderColor: '#ccc',
            },
        },
        parallel: {
            itemStyle: {
                borderWidth: 0,
                borderColor: '#ccc',
            },
        },
        sankey: {
            itemStyle: {
                borderWidth: 0,
                borderColor: '#ccc',
            },
        },
        funnel: {
            itemStyle: {
                borderWidth: 0,
                borderColor: '#ccc',
            },
        },
        gauge: {
            itemStyle: {
                borderWidth: 0,
                borderColor: '#ccc',
            },
        },
        candlestick: {
            itemStyle: {
                color: '#e01f54',
                color0: '#001852',
                borderColor: '#f5e8c8',
                borderColor0: '#b8d2c7',
                borderWidth: 1,
            },
        },
        graph: {
            itemStyle: {
                borderWidth: 0,
                borderColor: '#ccc',
            },
            lineStyle: {
                width: 1,
                color: '#aaa',
            },
            symbolSize: 4,
            symbol: 'emptyCircle',
            smooth: false,
            color: [
                '#e01f54',
                '#001852',
                '#f5e8c8',
                '#b8d2c7',
                '#c6b38e',
                '#a4d8c2',
                '#f3d999',
                '#d3758f',
                '#dcc392',
                '#2e4783',
                '#82b6e9',
                '#ff6347',
                '#a092f1',
                '#0a915d',
                '#eaf889',
                '#6699FF',
                '#ff6666',
                '#3cb371',
                '#d5b158',
                '#38b6b6',
            ],
            label: {
                color: '#eeeeee',
            },
        },
        map: {
            itemStyle: {
                areaColor: '#eeeeee',
                borderColor: '#444444',
                borderWidth: 0.5,
            },
            label: {
                color: '#000000',
            },
            emphasis: {
                itemStyle: {
                    areaColor: 'rgba(255,215,0,0.8)',
                    borderColor: '#444',
                    borderWidth: 1,
                },
                label: {
                    color: 'rgb(100,0,0)',
                },
            },
        },
        geo: {
            itemStyle: {
                areaColor: '#eeeeee',
                borderColor: '#444444',
                borderWidth: 0.5,
            },
            label: {
                color: '#000000',
            },
            emphasis: {
                itemStyle: {
                    areaColor: 'rgba(255,215,0,0.8)',
                    borderColor: '#444',
                    borderWidth: 1,
                },
                label: {
                    color: 'rgb(100,0,0)',
                },
            },
        },
        categoryAxis: {
            axisLine: {
                show: true,
                lineStyle: {
                    color: '#333',
                },
            },
            axisTick: {
                show: true,
                lineStyle: {
                    color: '#333',
                },
            },
            axisLabel: {
                show: true,
                color: '#333',
            },
            splitLine: {
                show: false,
                lineStyle: {
                    color: ['#ccc'],
                },
            },
            splitArea: {
                show: false,
                areaStyle: {
                    color: ['rgba(250,250,250,0.3)', 'rgba(200,200,200,0.3)'],
                },
            },
        },
        valueAxis: {
            axisLine: {
                show: true,
                lineStyle: {
                    color: '#333',
                },
            },
            axisTick: {
                show: true,
                lineStyle: {
                    color: '#333',
                },
            },
            axisLabel: {
                show: true,
                color: '#333',
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: ['#ccc'],
                },
            },
            splitArea: {
                show: false,
                areaStyle: {
                    color: ['rgba(250,250,250,0.3)', 'rgba(200,200,200,0.3)'],
                },
            },
        },
        logAxis: {
            axisLine: {
                show: true,
                lineStyle: {
                    color: '#333',
                },
            },
            axisTick: {
                show: true,
                lineStyle: {
                    color: '#333',
                },
            },
            axisLabel: {
                show: true,
                color: '#333',
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: ['#ccc'],
                },
            },
            splitArea: {
                show: false,
                areaStyle: {
                    color: ['rgba(250,250,250,0.3)', 'rgba(200,200,200,0.3)'],
                },
            },
        },
        timeAxis: {
            axisLine: {
                show: true,
                lineStyle: {
                    color: '#333',
                },
            },
            axisTick: {
                show: true,
                lineStyle: {
                    color: '#333',
                },
            },
            axisLabel: {
                show: true,
                color: '#333',
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: ['#ccc'],
                },
            },
            splitArea: {
                show: false,
                areaStyle: {
                    color: ['rgba(250,250,250,0.3)', 'rgba(200,200,200,0.3)'],
                },
            },
        },
        toolbox: {
            iconStyle: {
                borderColor: '#999999',
            },
            emphasis: {
                iconStyle: {
                    borderColor: '#666666',
                },
            },
        },
        legend: {
            textStyle: {
                color: '#333333',
            },
        },
        tooltip: {
            axisPointer: {
                lineStyle: {
                    color: '#cccccc',
                    width: 1,
                },
                crossStyle: {
                    color: '#cccccc',
                    width: 1,
                },
            },
        },
        timeline: {
            lineStyle: {
                color: '#293c55',
                width: 1,
            },
            itemStyle: {
                color: '#293c55',
                borderWidth: 1,
            },
            controlStyle: {
                color: '#293c55',
                borderColor: '#293c55',
                borderWidth: 0.5,
            },
            checkpointStyle: {
                color: '#e43c59',
                borderColor: '#c23531',
            },
            label: {
                color: '#293c55',
            },
            emphasis: {
                itemStyle: {
                    color: '#a9334c',
                },
                controlStyle: {
                    color: '#293c55',
                    borderColor: '#293c55',
                    borderWidth: 0.5,
                },
                label: {
                    color: '#293c55',
                },
            },
        },
        visualMap: {
            color: ['#e01f54', '#e7dbc3'],
        },
        dataZoom: {
            backgroundColor: 'rgba(47,69,84,0)',
            dataBackgroundColor: 'rgba(47,69,84,0.3)',
            fillerColor: 'rgba(167,183,204,0.4)',
            handleColor: '#a7b7cc',
            handleSize: '100%',
            textStyle: {
                color: '#333333',
            },
        },
        markPoint: {
            label: {
                color: '#eeeeee',
            },
            emphasis: {
                label: {
                    color: '#eeeeee',
                },
            },
        },
    })
})
